<nz-modal [(nzVisible)]="Visible" [nzWidth]="width" [nzTitle]="popTitle" (nzOnCancel)="Cancel()" (nzOnOk)="Ok()">
    <div nz-row>
        <div nz-col nzSpan="12">
            <div style="margin-right:12px">
                <nz-descriptions nzTitle="" nzBordered nzSize="small">
                    <nz-descriptions-item nzTitle="工作项目" [nzSpan]="3">{{problemData.projectName}}</nz-descriptions-item>

                    <nz-descriptions-item nzTitle="检查部门" [nzSpan]="2">{{problemData.checkOrgName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="检查时间" [nzSpan]="2">{{problemData.checkDate}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="检查地点" [nzSpan]="2">{{problemData.checkPlace}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="检查人" [nzSpan]="2">{{problemData.checkPerson}}</nz-descriptions-item>

                    <nz-descriptions-item nzTitle="问题描述" [nzSpan]="3">{{problemData.problemDesc}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="整改要求" [nzSpan]="3">{{problemData.handleRequire}}
                    </nz-descriptions-item>

                    <nz-descriptions-item nzTitle="整改时限" [nzSpan]="2">{{problemData.deadline}}</nz-descriptions-item>
                    <nz-descriptions-item nzTitle="责任部门" [nzSpan]="2">{{problemData.chargeOrgName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="设备类型" [nzSpan]="2">{{problemData.devTypeName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="问题类别" [nzSpan]="2">{{problemData.typeName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="设备名称" [nzSpan]="2">{{problemData.devName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="问题状态" [nzSpan]="2">
                        {{problemData.status === '0' ? '发起问题' : ''}}
                        {{problemData.status === '1' ? '已下发' : ''}}
                        {{problemData.status === '2' ? '已签收' : ''}}
                        {{problemData.status === '3' ? '已上报' : ''}}
                        {{problemData.status === '4' ? '申请延期' : ''}}
                        {{problemData.status === '5' ? '延期同意' : ''}}
                        {{problemData.status === '6' ? '延期驳回' : ''}}
                        {{problemData.status === '7' ? '申请销号' : ''}}
                        {{problemData.status === '8' ? '销号同意' : ''}}
                        {{problemData.status === '9' ? '销号驳回' : ''}}
                        {{problemData.status === '10' ? '逾期销号' : ''}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="确认销号部门" [nzSpan]="2">{{problemData.cancleOrgName}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="是否销号" [nzSpan]="2">
                        {{problemData.cancled === '0' ? '否' : ''}}
                        {{problemData.cancled === '1' ? '是' : ''}}
                        {{problemData.cancled === '2' ? '超期' : ''}}
                    </nz-descriptions-item>
                    <nz-descriptions-item nzTitle="备注" [nzSpan]="2">{{problemData.remark}}</nz-descriptions-item>
                </nz-descriptions>
            </div>
        </div>
        <div nz-col nzSpan="12">
            <div class="table-nzbordered" style="margin-left:12px">
                <div class="detailTitle">流转记录</div>
                <nz-table #processesTable [nzScroll]="{y:'200px'}" [nzData]="processesData" nzBordered
                    [nzLoadingDelay]="1000" [nzShowPagination]="false" [nzFrontPagination]="false">
                    <thead>
                        <tr>
                            <th nzWidth="100px">流转时间</th>
                            <th nzWidth="80px">流转人</th>
                            <th>流转部门</th>
                            <th nzWidth="150px">流转信息</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of processesTable.data">
                            <td nzAlign="center">{{data.createTime}}</td>
                            <td nzAlign="center">{{data.createUser}}</td>
                            <td nzAlign="center">{{data.fromOrgName}} → {{data.toOrgName}}</td>
                            <td>
                                <div [innerHTML]="data.infoHtml"></div>
                            </td>
                        </tr>
                    </tbody>
                </nz-table>
                <div class="detailTitle" style="margin-top:10px;">整改记录</div>
                <nz-table #handlesTable [nzScroll]="{y:'200px'}" [nzData]="handlesData" nzBordered
                    [nzLoadingDelay]="1000" [nzShowPagination]="false" [nzFrontPagination]="false">
                    <thead>
                        <tr>
                            <th nzWidth="100px">整改时间</th>
                            <th nzWidth="80px">整改人</th>
                            <th>整改部门</th>
                            <th nzWidth="150px">整改信息</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr *ngFor="let data of handlesTable.data">
                            <td nzAlign="center">{{data.handleDate}}</td>
                            <td nzAlign="center">{{data.handleUser}}</td>
                            <td nzAlign="center">{{data.orgName}}</td>
                            <td>
                                <div [innerHTML]="data.handleHtml"></div>
                            </td>
                        </tr>
                    </tbody>
                </nz-table>
            </div>
        </div>
    </div>
</nz-modal>